﻿
<%@page contentType="text/html" pageEncoding="UTF-8" isELIgnored="false"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html>
<html>
    <head>

        <link href="${pageContext.request.contextPath}/case/divcss5.css" rel="stylesheet" media="screen" type="text/css" />
        <script language="javascript" type="text/javascript" src="${pageContext.request.contextPath}/case/j.js" ></script>
        <link href="${pageContext.request.contextPath}/css/cont.css" rel="stylesheet" type="text/css"/>
        <script type='text/javascript' src='${pageContext.request.contextPath}/dwr/interface/CountryDAO.js'></script>
        <script type='text/javascript' src='${pageContext.request.contextPath}/dwr/interface/ProductDAO.js'></script>
        <script type='text/javascript' src='${pageContext.request.contextPath}/dwr/interface/DocumentTypeDAO.js'></script>
        <script type="text/javascript" src="${pageContext.request.contextPath}/js/zcms/zDialog.js"></script>
        <script type="text/javascript" src="${pageContext.request.contextPath}/js/zcms/zDrag.js"></script>
        <script type='text/javascript' src='${pageContext.request.contextPath}/dwr/engine.js'></script>
        <script type='text/javascript' src='${pageContext.request.contextPath}/dwr/util.js'></script>
        <script type="text/javascript" src="${pageContext.request.contextPath}/js/zcms/jquery-1.6.1.min.js"></script>
        <script language="JavaScript" type="text/javascript"
                src="${pageContext.request.contextPath}/js/DatePicker/WdatePicker.js">
        </script>
        <script type="text/javascript" src="${pageContext.request.contextPath}/js/cont_diqu.js"></script>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">      
        <title>业务案例</title>


        <script type="text/javascript"> 
            function showarea1(){ 
                var con = document.getElementById("t_area1"); 
                var arealist = con.getElementsByTagName("li"); 
                var g = document.getElementById("t_con1") 
                con.style.display = "block"; 
                for (var i=0;i<arealist.length;i++){ 
                    arealist[i].onclick = function(){ 
                        g.innerHTML = this.innerHTML ; 
                        con.style.display = "none"; 
                    } 
                } 
            } 
            function offarea1(){ 
                var con = document.getElementById("t_area1"); 
                con.style.display = "none"; 
            } 
            var timer1; 
        </script> 
        <script type="text/javascript">
            $(document).ready(function(){
                $("#cplb_tab1").mouseover(function(){
                    $("#cplb_tab1").css("background","#D3E0F3");
                    $("#cplb_tab1").css("border-right","0");
                    $("#cplb_tab1").css("border-left","2px solid #F3BE18");
                    $("#cplb_tab1").css("border-top","2px solid #F3BE18");
                    $("#cplb_tab1").css("border-bottom","2px solid #F3BE18");
                    $("#cplb_nav1").css("display","block");
                    $("#cplb_nav2").css("display","none");
                    $("#cplb_nav3").css("display","none");
                    $("#cplb_tab2").css("background","#EAF1F7");
                    $("#cplb_tab2").css("border-top","0");
                    $("#cplb_tab2").css("border-right","2px solid #F3BE18");
                    $("#cplb_tab2").css("border-bottom","1px dotted #96A6BD");
                    $("#cplb_tab3").css("background","#EAF1F7");
                    $("#cplb_tab3").css("border-right","2px solid #F3BE18");
                    $("#cplb_tab3").css("border-bottom","1px dotted #96A6BD");
                    $("#cplb_tab3").css("border-top","0");
                });

                $("#cplb_tab2").mouseover(function(){
                    $("#cplb_tab2").css("background","#D3E0F3");
                    $("#cplb_tab2").css("border-right","0");
                    $("#cplb_tab2").css("border-left","2px solid #F3BE18");
                    $("#cplb_tab2").css("border-top","2px solid #F3BE18");
                    $("#cplb_tab2").css("border-bottom","2px solid #F3BE18");
                    $("#cplb_nav2").css("display","block");
                    $("#cplb_nav1").css("display","none");
                    $("#cplb_nav3").css("display","none");
                    $("#cplb_tab1").css("background","#EAF1F7");
                    $("#cplb_tab1").css("border-top","0");
                    $("#cplb_tab1").css("border-right","2px solid #F3BE18");
                    $("#cplb_tab1").css("border-bottom","1px dotted #96A6BD");
                    $("#cplb_tab3").css("background","#EAF1F7");
                    $("#cplb_tab3").css("border-right","2px solid #F3BE18");
                    $("#cplb_tab3").css("border-bottom","1px dotted #96A6BD");
                    $("#cplb_tab3").css("border-top","0");
                });

                $("#cplb_tab3").mouseover(function(){
                    $("#cplb_tab3").css("background","#D3E0F3");
                    $("#cplb_tab3").css("border-right","0");
                    $("#cplb_tab3").css("border-left","2px solid #F3BE18");
                    $("#cplb_tab3").css("border-top","2px solid #F3BE18");
                    $("#cplb_tab3").css("border-bottom","2px solid #F3BE18");
                    $("#cplb_nav3").css("display","block");
                    $("#cplb_nav1").css("display","none");
                    $("#cplb_nav2").css("display","none");
                    $("#cplb_tab2").css("background","#EAF1F7");
                    $("#cplb_tab2").css("border-top","0");
                    $("#cplb_tab2").css("border-right","2px solid #F3BE18");
                    $("#cplb_tab2").css("border-bottom","1px dotted #96A6BD");
                    $("#cplb_tab1").css("background","#EAF1F7");
                    $("#cplb_tab1").css("border-right","2px solid #F3BE18");
                    $("#cplb_tab1").css("border-bottom","1px dotted #96A6BD");
                    $("#cplb_tab1").css("border-top","0");
                });

                $("#cplb_eav").mouseover(function(){
                    $("#cplb_big").css("display","block");
                });
                $("#cplb_eav").mouseout(function(){
                    $("#cplb_big").css("display","none");
                });
                $("#cplb_big").mouseover(function(){
                    $("#cplb_big").css("display","block");
                });
                $("#cplb_big").mouseout(function(){
                    $("#cplb_big").css("display","none");
                });
            });
        </script>
        <script type="text/javascript">
            function nav5(id){
                if(document.getElementById(id).innerHTML=="所有(清空条件)"){
                    document.getElementById('text5').innerHTML="";
                    document.getElementById('ca.productName').value= "";
          
                    document.getElementById('ca.product').value=-1;
                }
                else{
                    document.getElementById('text5').innerHTML= document.getElementById(id).innerHTML
                    document.getElementById('ca.productName').value= document.getElementById(id).innerHTML;
          
                    document.getElementById('ca.product').value=id;
                }
          
                $("#cplb_big").css("display","none");
            };
        </script>


        <!--国家js开始-->
        <script type="text/javascript">
            var menuids=["suckertree"]

            function buildsubmenus(){
                for (var i=0; i<menuids.length; i++){
                    var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
                    for (var t=0; t<ultags.length; t++){
                        ultags[t].parentNode.getElementsByTagName("a")[0].className="subfolderstyle"
                        ultags[t].parentNode.onmouseover=function(){
                            this.getElementsByTagName("ul")[0].style.display="block"
                        }
                        ultags[t].parentNode.onmouseout=function(){
                            this.getElementsByTagName("ul")[0].style.display="none"
                        }
                    }
                }
            }

            if (window.addEventListener)
                window.addEventListener("load", buildsubmenus, false)
            else if (window.attachEvent)
                window.attachEvent("onload", buildsubmenus)
        </script>
        <script type="text/javascript">
            function nav(id){
                if(document.getElementById(id).innerHTML=="所有(清空条件)"){
                    document.getElementById('text').innerHTML="";
                    document.getElementById('ca.country').value=-1;
                    document.getElementById('ca.countryName').value="";
                    $(".suckertree_ul").css("display","none");
                }
                else{
                    document.getElementById('text').innerHTML= document.getElementById(id).innerHTML;
                    document.getElementById('ca.country').value=id.substring(1);
                    document.getElementById('ca.countryName').value=document.getElementById(id).innerHTML;
                    $(".suckertree_ul").css("display","none");
                }

            };
        </script>
        <!--国家js结束-->




        <script>
            function showarea1(){ 
                var con = document.getElementById("t_area1"); 
                var arealist = con.getElementsByTagName("li"); 
                var g = document.getElementById("t_con1") 
                con.style.display = "block"; 
                for (var i=0;i<arealist.length;i++){ 
                    arealist[i].onclick = function(){ 
                        g.innerHTML = this.innerHTML ; 
                        con.style.display = "none"; 
                    } 
                } 
            } 
            function offarea1(){ 
                var con = document.getElementById("t_area1"); 
                con.style.display = "none"; 
            } 
            var timer1; 
            
            
            function showarea(){ 
                var con = document.getElementById("t_area"); 
                var arealist = con.getElementsByTagName("li"); 
                var g = document.getElementById("t_con") 
                con.style.display = "block"; 
                for (var i=0;i<arealist.length;i++){ 

                    arealist[i].onclick = function(){ 
                        g.innerHTML = this.innerHTML ; 
                        con.style.display = "none"; 
                    } 
                } 
            } 
            function offarea(){ 
                var con = document.getElementById("t_area"); 
                $("#t_area").css("display","none");
            } 
            var timer;
        </script>
        <style type="text/css"> 
            #t_area {
                filter: e&shy;xpression(document.execCommand("BackgroundImageCache", false, true));
            }


            *{ padding:0; margin:0; list-style-type:none;} 
            body{font-family: "宋体";font-size: 12px;} 
            #t_con{  float:left;width:96px;height:22px; background:url(images/sousuo_diqu.jpg) no-repeat right center;line-height:20px; color:#00F; cursor:pointer; margin:0px auto 0 auto; border:1px #D1D1D1 solid;} 
            #t_area{ width:268px; overflow:hidden; border:2px #09C solid; background-color:#F1F9FC; display:none; height:auto; min-height:300px;_height:300px;position:absolute; left:5px;top:22px;  width:550px; height:auto; border:2px solid #B4B2A6; background:#ffffff; z-index:1} 
            #t_area ul{ margin:5px 0;} 
            #t_area li{ width:60px; height:30px; line-height:30px;float:left; display:inline; text-align:center;margin:4px auto auto 5px; } 
            #t_area li a{ display: block;color:#444444; text-decoration:none;height:30px; line-height:30px; text-align:center;} 
            #t_area li a:hover,a:active{display: block;color:#ff0000;height:30px; line-height:30px;background:#FFffff;font-weight:bold;text-align:center;} 
            #liuhanning{position:absolute; top:25px; left:10px; padding:0;width:130px; height:auto; border:1px solid #A3A3A3; background:#ffffff; z-index:1000!important}
            #liuhanning ul li{ width:40px; white-space:nowrap; float:left;height:30px; line-height:30px;z-index:10000}
            #liuhanning ul li a:link,#liuhanning ul li a:visited{ display:block;padding:0 2px 0 2px; width:auto; font-weight:200; margin:0;height:24px; text-align:center;line-height:24px;}
            #liuhanning ul li a:hover{display:block;padding:0 2px 0 2px;width:auto;height:24px;margin:0;font-weight:200; text-align:center; color:#ff0000;background:#FfffFf;}
        </style> 

        <script>  

            function check()
            {
                var producetname=  document.getElementById('text5').innerText;
               
                var countryname= document.getElementById('text').innerText;
               
                document.getElementById("ca.countryName").value=countryname;
                document.getElementById("ca.productName").value=producetname;
                document.form.submit();
            }
        </script>		
        <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/css.css" />
    </head>
    <body>
        <div class="page">
            <s:include value="/top3.jsp"/>

            <!--首页开始-->
            <div class="cont">
                <div class="lb_select" style=" padding-left:15px; width:985px">
                    <s:form action="findlist" namespace="/documentCase" method="post" theme="simple" id="form">
                        <s:hidden id="page" name="page"></s:hidden>
                        <s:hidden id="pageSize" name="pageSize"></s:hidden>
                        <s:hidden id="ca.productName" name="ca.productName"></s:hidden>
                        <s:hidden id="ca.product" name="ca.product" value="-1" ></s:hidden>
                        <s:hidden id="ca.countryName" name="ca.countryName"></s:hidden>
                        <s:hidden id="ca.country" name="ca.country"></s:hidden>




                        <table width="100%" border="0" cellpadding="0" cellspacing="0">
                            <tr>
                                <td width="8%" style="text-align:right">产品：</td>
                                <td style="position:relative;height:25px; width:10%">
                                    <div style="float:left; width:170px; height:24px; border:1px solid #cccccc; background:#ffffff" id="cplb_eav"><span style=" float:left;width:160px; height:24px; background:url(../images/jiansuo_bg.jpg) no-repeat right; padding:0 7px 0 3px; cursor:hand" id="text5">${ca.productName}</span></div>
                                    <table width="1003" style="border:1px solid #ADCAF2;display:none; position:absolute; background:#ffffff;top:28px;left:-95px;" cellpadding="0" cellspacing="0" id="cplb_big">
                                        <tr>
                                            <td valign="top" style="border-right:1px solid #F2BC14;">
                                                <table border="0" cellpadding="0" cellspacing="0" style="width:35px; margin-right:-6px">
                                                    <tr>
                                                        <td height="80px" class="cplb_tab_link" id="cplb_tab999">所有</td>
                                                    </tr>
                                                    <s:iterator value="proList" var="p" status="u">
                                                        <tr>
                                                            <td height="80px" class="cplb_tab_link" id="cplb_tab${u.index+1}">${p.name}</td>
                                                        </tr>
                                                    </s:iterator>

                                                </table>
                                            </td>
                                            <td width="965" valign="top" class="cplb_td"><!--工业品-->
                                               <table width="100%" border="0" cellspacing="15" cellpadding="0" class="cplb_table" id="cplb_nav999">
                                                        <tr>
                                                            <td width="33%">
                                                                <table width="100%" border="0" cellspacing="0" cellpadding="0" style=" background:url(images/cplb_bg.jpg) repeat-x top">
                                                                    <tr>
                                                                        <td style="padding:0 5px 0 5px;"><strong><a href="#" id="999" onClick="nav5(999)">所有(清空条件)</a></strong></td>
                                                                    </tr>
                                                                </table>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                <s:iterator value="proList" var="p" status="u">
                                                   
                                                    <s:if test="#u.first" >
                                                        <table width="100%" border="0" cellspacing="15" cellpadding="0" class="cplb_table" id="cplb_nav${u.index+1}">
                                                        </s:if>
                                                        <s:else>
                                                            <table width="100%" border="0" cellspacing="15" cellpadding="0" class="cplb_table" id="cplb_nav${u.index+1}" style="display:none">
                                                            </s:else>
                                                            <s:iterator value="#p.produceObjlist" var="p1" status="p3">
                                                                <tr> 
                                                                    <td width="33%">
                                                                        <table width="100%" border="0" cellspacing="0" cellpadding="0" style=" background:url(images/cplb_bg.jpg) repeat-x top">
                                                                            <tr>
                                                                                <td style="padding:0 5px 0 5px;"><strong><span id="${p1.id}" onClick="nav5('${p1.id}')"  style="cursor:pointer">${p1.name}</span></strong></td>
                                                                            </tr>
                                                                            <tr>
                                                                                <td style="padding:0 5px 0 5px;">
                                                                                    <s:iterator value="#p1.produceObjlist" var="p2" status="p2sta">
                                                                                        <span id="${p2.id}" onClick="nav5('${p2.id}')" style="cursor:pointer">
                                                                                            ${p2.name}
                                                                                        </span> 
                                                                                        <s:if test="#p2sta.last"> </s:if>
                                                                                        <s:else>|</s:else>
                                                                                    </s:iterator>
                                                                                </td>  
                                                                            </tr>
                                                                        </table>
                                                                    </td>
                                                                </tr>  </s:iterator>
                                                            </table>

                                                    </s:iterator>

                                            </td>
                                        </tr>
                                    </table>
                                </td>
                                <td width="8%" style="text-align:right">采购国：</td>
                                <td width="18%">
                                    <!--国家开始-->
                                    <div class="suckerdiv">
                                        <ul id="suckertree">
                                            <li class="suckerdiv_li"><a href="#" id="text" style=" padding-left:5px; border:1px solid #cccccc"><s:property value="ca.countryName"/></a>
                                                <ul class="suckertree_ul" style=";z-index:0">
                                                    <li class="suckertree_ul_li" style="z-index:9999"><a href="#" style="z-index:9999;width:398px;" id="font9999" onClick="nav('font9999')">所有(清空条件)</a>
                                                        <s:iterator value="clist" var="c" status="u">
                                                        <li class="suckertree_ul_li" style="z-index:-${u.index}"><a href="#" style="z-index:-${u.index}" id="c${c.id}" onClick="nav('c${c.id}')">${c.name}</a>
                                                            <s:if test="#c.list!=null">
                                                                <ul>
                                                                    <s:iterator value="#c.list" var="c2" status="uu">
                                                                        <li><a href="#" id="c${c2.id}" onClick="nav('c${c2.id}')">${c2.name}</a></li>
                                                                    </s:iterator>


                                                                </ul> 
                                                            </s:if>
                                                        </li>
                                                    </s:iterator>

                                                </ul>
                                            </li>
                                        </ul>
                                    </div>
                                    <!--国家结束-->
                                </td>


                                <!--案例性质开始--><td width="8%">案例名称：</td>
                                <td style="width:24px">
                                    <table>
                                        <tr>
                                            <td>从
                                            </td>
                                            <td>
                                                <table style="width:80px">
                                                    <tr>
                                                        <td style="width:80px; float:left;"><s:textfield id="starttime" name="startTime"
                                                                     onclick="WdatePicker()" cssClass="Wdate"
                                                                     onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'})" style="width:80px"></s:textfield>

                                                            </td>
                                                        </tr>
                                                    </table>
                                                </td>
                                                <td>到
                                                </td>
                                                <td><table style="width:80px;float:left;">
                                                        <tr>
                                                            <td style="width:130px;"><s:textfield id="endtime" name="endTime"
                                                                     onclick="WdatePicker()" cssClass="Wdate"
                                                                     onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'})" style="width:80px"></s:textfield>

                                                            </td>
                                                        </tr>
                                                    </table></td>
                                            </tr>
                                        </table>

                                    </td><!--单证性质结束-->
                                    <td width="10%"><img onClick="check();" src="${pageContext.request.contextPath}/images/lb_select_anniu.jpg"/></td>
                                </s:form>

                        </tr>
                    </table>
                </div>

                <div class="lb_cont">
                    <s:iterator value="pageBean.list" var="dc" status="u">
                        <div class="lb_cont_1">
                            <div class="lb_cont_1_left">
                                <ul>
                                    <li class="lb_cont_1_li1"  style="width:auto!important; height:auto!important;padding:0!important; margin:0!important; background:none!important"><span>案例名称：${dc.name}</span><font>&nbsp;&nbsp; 案例编码：${dc.code}</font><font>&nbsp;&nbsp; 业务时间：${dc.time}</font></li>
                                    <li>案例要点和解析：${dc.fillSummy} &nbsp;&nbsp;&nbsp;</li>

                                    <li class="lb_cont_1_li2">适用产品：${dc.productName}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 适用采购国：${dc.countryName}</li>
                                </ul>
                            </div>
                            <div class="lb_cont_1_right"><a href="${pageContext.request.contextPath}/documentCase/dcshow.action?caseId=${dc.id}" target="_blank">
                                    <img src="${pageContext.request.contextPath}/images/lb_ent.jpg"/>
                                </a>
                            </div>
                        </div>
                    </s:iterator>

        <!--<div class="lb_cont_1_right"><a href="${pageContext.request.contextPath}/case/dc_show.jsp"><img src="${pageContext.request.contextPath}/images/lb_ent.jpg"/></a></div>-->
                </div>


            </div>   <s:include value="/common/page.jsp"/>
            <s:include value="/bottom.jsp"/>
        </div>

        <!--首页结束-->

    </div>
    <!-- /header -->
    <div class="w960"> </div>
    <!-- /flink -->
    <!-- //底部模板 -->
    <div id="js">
        <script type="text/javascript" src="${pageContext.request.contextPath}/case/common.js"></script>
        <script type="text/javascript" src="${pageContext.request.contextPath}/case/scroll.js"></script>
        <div id="go_top_bottom"><a href="javascript:void(0);" id="go_top" style="display: block;">去顶部</a> <a href="javascript:void(0);" id="go_bottom">去底部</a></div>
    </div>
    <div id="menuContent" class="menuContent" style="display:none; position: absolute;">
        <ul id="treeDemo" class="ztree" style="margin-top:0; width:160px;"></ul>
    </div>
    <!-- /footer -->
</body>
</html>
